<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width"/>
    <meta name="format-detection" content="telephone=no, email=no, date=no, address=no">
    <title>首页</title>
    <link rel="stylesheet" type="text/css" href="../../css/bootstrap.min.css" />
    <link rel="stylesheet" type="text/css" href="../../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../../css/main.css" />

    <link rel="stylesheet" type="text/css" href="../../css/colleague.css" />

    <script type="text/javascript" src="../../script/api.js"></script>
    <script type="text/javascript" src="../../script/jquery.js"></script>

    <script type="text/javascript" src="../../script/main.js"></script>
</head>
<body>
  <div id="header">
      <div id="back"></div>
      <h3>职业能力标准</h3>
  </div>
  <div id="all" style="background:#fff">
    <div class="choose_job">
      <div class="feedback">
        <div class="choose_type"><span>选择职业</span><select id = 'job_select'></select></div>
      </div>
      <!-- <div class="edit_job">
        <button class="btn btn-o">编辑</button>
        <button class="btn btn-info">保存</button>
      </div> -->
      <div class="job_level"><img src=""/><span></span></div>
    </div>
  </div>
</body>
<script>
  apiready=function(){
    back();
    //获取所有职业名称
    var workUrl = '/api/professions/list';
    var imgUrl;
    var functionRet1=function(ret){
      // console.log(JSON.stringify(ret));
      $("#job_select").append("<option value='-1'>--请选择--</option>");
      //遍历 json为{id:"00",text:"aa".....},{id:"01",text:"bb".....}
      $.each(ret, function (index, item) {
          var id = ret[index].id;
          var text = ret[index].name;
          // console.log(JSON.stringify("selectedIndex:"+ret[index].infoImageUrl));
          $("#job_select").append("<option value='"+id+"'>"+text+"</option>");
      });

      //选择选项改变图片
      $("#all").on("change","select",function(){
        var selectedIndex=$("select").val();
        // console.log(JSON.stringify("selectedIndex:"+selectedIndex));
        $.each(ret, function (index, item) {
            var id = ret[index].id;
            // console.log(JSON.stringify("id:"+id));
            if(id == selectedIndex){
              imgUrl = ret[index].infoImageUrl;
              // imgUrl = 'https://benyun-test-oss.oss-cn-shenzhen.aliyuncs.com/hsj/1518279518771.jpg';
              // console.log(JSON.stringify(imgUrl));
              $(".job_level img").attr("src",imgUrl);
               return false;
            }
            // else{
            //   imgUrl = "http://"+ret[index].infoImageUrl.replace(/["'"]/g,"");
            //   // imgUrl = 'https://benyun-test-oss.oss-cn-shenzhen.aliyuncs.com/hsj/1518279896219.jpg';
            //   $(".job_level img").attr("src",imgUrl);
            //   return false;
            // }
        });
            api.toast({
                msg: '点击图片放大或缩小，按返回键返回我的大学'
            });
      })
    }
    var functionErr1=function(err){
      // console.log(JSON.stringify(err));
    }
    get(workUrl,functionRet1,functionErr1);

    $(".job_level").on("click",function(){
        //    var photoBrowser = api.require('photoBrowser');
        //    photoBrowser.open({
        //    images:[
        //      imgUrl
        //    ],
        //    bgColor: '#000',
        //    activeIndex:0,
        //  //  placeholderImg:'fs://image/data.png'
        //    }, function(ret, err) {
        //      if(ret.eventType=="click")
        //      {
        //        var photoBrowser = api.require('photoBrowser');
        //        photoBrowser.close();
        //      }
        //    });
        photoBrowser = api.require('photoBrowser');
        // button = api.require('button');
        photoBrowser.open({
            images: [
                 imgUrl
               ],
            bgColor: '#000',
            activeIndex: 0
        }, function(ret, err) {
          if (ret) {
            if(ret.eventType == "click"){
              photoBrowser.close();
              // button.close({
              //     id: 1
              // });
            }
            if(ret.eventType == "longPress"){
              api.actionSheet({
                  cancelTitle: '取消操作',
                  buttons: ['保存图片']
              },function( ret, err ){
                console.log(imgUrl);
                  if( ret.buttonIndex == 1 ){
                    api.download({
                        url: imgUrl,
                        report: true,
                        cache: true,
                        allowResume: true
                    }, function(ret1, err) {
                        if (ret1.state == 1) {
                            //下载成功
                            console.log(JSON.stringify(ret1));
                            api.saveMediaToAlbum({
                              path :ret1.savePath
                            }, function(ret, err) {
                              if (ret) {
                                api.toast({
                                    msg: "保存成功",
                                    duration: 1000,
                                    location: 'bottom'
                                });
                              }
                            });
                        } else {

                        }
                    });
                    //alert(index);
                    photoBrowser.close();
                  }
              });
              // delImage(button);
            }
          }
        });
    })
    // var job = [
    //   {
    //     "code": "1",
    //     "id": 0,
    //     "infoImageUrl": "../../image/java.png",
    //     "name": "java"
    //   },
    //   {
    //     "code": "2",
    //     "id": 1,
    //     "infoImageUrl": "../../image/javascript.png",
    //     "name": "javascript"
    //   },
    //   {
    //     "code": "3",
    //     "id": 2,
    //     "infoImageUrl": "../../image/data.png",
    //     "name": "css"
    //   }
    // ];

    // console.log(JSON.stringify(job));
    // var workUrl = './job.json';




    // //获取我的职业
    // var aid=$api.getStorage('aid');
    // var url='/api/paTechnicaluser/'+aid+'/profession/';
    // var functionRet=function(ret){
    //
    // }
    // var functionErr=function(err){
    //   if(err.statusCode==200){
    //     if(err.body==undefined){
    //
    //     }else{
    //       if(err.body=="1"){
    //         $("select").val(1);
    //         $(".job_level span").html("暂无数据");
    //       }
    //       if(err.body=="2"){
    //         $("select").val(2);
    //         $(".job_level img").attr("src","../../image/java.png");
    //       }
    //       if(err.body=="3"){
    //         $("select").val(3);
    //         $(".job_level img").attr("src","../../image/javascript.png");
    //       }
    //       if(err.body=="4"){
    //         $("select").val(4);
    //         $(".job_level span").html("暂无数据");
    //       }
    //       if(err.body=="5"){
    //         $("select").val(5);
    //         $(".job_level span").html("暂无数据");
    //       }
    //       if(err.body=="6"){
    //         $("select").val(6);
    //         $(".job_level img").attr("src","../../image/data.png");
    //       }
    //       if(err.body=="7"){
    //         $("select").val(7);
    //         $(".job_level span").html("暂无数据");
    //       }
    //     }
    //   }
    // }
    // get(url,functionRet,functionErr);
  }

  $(function(){
    // var url = ;
    // $(".job_level").on("click",function(){
    //   // console.log(1);
    //   var photoBrowser = api.require('photoBrowser');
    //   photoBrowser.open({
    //   images:[
    //     '../../image/java.png'
    //   ],
    //   bgColor: '#000',
    //   // activeIndex:imageBrowserIndex,
    //  // placeholderImg:Imgurl
    //   }, function(ret, err) {
    //     if(ret.eventType=="click")
    //     {
    //       var photoBrowser = api.require('photoBrowser');
    //       photoBrowser.close();
    //     }
    //   });
    // })

    //  $(".job_level").on("click",function(){
    //         var photoBrowser = api.require('photoBrowser');
    //         photoBrowser.open({
    //         images:[
    //           'https://benyun-test-oss.oss-cn-shenzhen.aliyuncs.com/hsj/1518279518771.jpg'
    //         ],
    //         bgColor: '#000',
    //         activeIndex:0,
    //       //  placeholderImg:'fs://image/data.png'
    //         }, function(ret, err) {
    //           if(ret.eventType=="click")
    //           {
    //             var photoBrowser = api.require('photoBrowser');
    //             photoBrowser.close();
    //           }
    //         });
    //  })
   //---------------------------------------------------------------------------------------------


  })

  // $(function(){
  //   back();
  //
  //
  //   //点击保存
  //   $("#all").on("change","select",function(){
  //     var aid=$api.getStorage('aid');
  //     var selectedIndex=$("select").val();
  //     var url='/api/paTechnicaluser/'+aid+'/profession/'+selectedIndex;
  //     var data={};
  //     var functionRet=function(ret){
  //     }
  //     var functionErr=function(err){
  //       // if(err.statusCode==200){
  //       //   toast("保存成功","middle");
  //         api.execScript({
  //           name: 'my_job',
  //           script: 'history.go(0)'
  //       });
  //       // }
  //     }
  //     put(url,data,functionRet,functionErr);
  //   })
  // })
</script>
</html>
